@charset "utf-8";
body {
    overflow: hidden;
}

.banner {
    background: url('../img/product-banner-back.jpg') no-repeat center top;
    background-attachment: fixed;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

body .swiper-button-prev,
body .swiper-button-next {
    width: 51px;
    height: 95px;
}

body .swiper-button-prev {
    background: url('../img/banner-prev-ico.png') no-repeat center;
    left: 53px;
}

body .swiper-button-next {
    background: url('../img/banner-next-ico.png') no-repeat center;
    right: 53px;
}

body .swiper-pagination-bullets {
    bottom: 37px;
    margin: 0;
}

body .swiper-pagination-bullet {
    width: 85px;
    height: 6px;
    background: #fff;
    opacity: 1;
    border-radius: 0;
}

body .swiper-slide {
    width: 100%;
}

body .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00a0e9;
}

.item-products {
    height: 900px;
    background: url('../img/item-products-back.jpg') no-repeat center;
    padding-top: 170px;
}

.item-products .view {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.item-products .view .picture {
    width: 913px;
    height: 848px;
    background: url('../img/item-products-back.png') no-repeat center;
    margin-top: 26px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.item-products .view .info {
    width: 432px;
}

.item-products .view .title {
    width: 393px;
    height: 168px;
    background: url('../img/item-products-title.png') no-repeat center;
    position: relative;
    top: 30px;
    opacity: 0;
}

.item-products .view span {
    display: block;
    margin-top: 15px;
}

.item-products .view h5 {
    color: #ffffff;
    font-size: 20px;
    margin-top: 55px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.item-products .view h5 span {
    font-weight: bold;
}

.item-products .view p {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.item-products .view p span {
    font-weight: normal;
}

.item-products .view.on .picture {
    animation:productsOn 1s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-products .view.on .title {
    animation:productsOn 1s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-products .view.on .title {
    animation:productsOn 1s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-products .view.on h5,
.item-products .view.on p {
    animation:productsOn 1s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@keyframes productsOn {
    from {
        top: 30px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes productsOn {
    from {
        top: 30px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes productsOn {
    from {
        top: 30px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

.item-products .btn {
    background: url('../img/item-products-btn.png') no-repeat center;
    width: 190px;
    height: 53px;
    opacity: 0;
    margin-top: 40px;
}

.item-products .btn.on {
    animation:productsBtn 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@keyframes productsBtn {
    from {
        bottom: 107px;
        opacity: 0;
    }
    to {
        bottom: 207px;
        opacity: 1;
    }
}

@-moz-keyframes productsBtn {
    from {
        bottom: 107px;
        opacity: 0;
    }
    to {
        bottom: 207px;
        opacity: 1;
    }
}

@-webkit-keyframes productsBtn {
    from {
        bottom: 107px;
        opacity: 0;
    }
    to {
        bottom: 207px;
        opacity: 1;
    }
}

.item-list {
    background: #fff;
    padding-top: 82px;
    padding-bottom: 90px;
}

.item-list .title {
    width: 568px;
    margin-left: auto;
    margin-right: auto;
}

.item-list ul {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 52px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.item-list ul.on {
    animation:productsOn 1s;
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-list li {
    width: 408px;
    margin-left: 88px;
}

.item-list li:first-child {
    margin-left: 0;
}